<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>管理中心</title>
    <meta name="robots" content="noindex, nofollow">
    <link rel="shortcut icon" href="${ctx}/favicon.ico" />
    <link rel="icon" href="${ctx}/animated_favicon.gif" type="image/gif" />
    <link href="${ctx}/static/css/main.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

    <!--<link href="${ctx}/static/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">-->
    <!--<link href="${ctx}/static/css/purebox.css" rel="stylesheet" type="text/css">-->
    <!--<link href="${ctx}/static/css/jquery-ui.min.css" rel="stylesheet" type="text/css">-->
    <!--<link href="${ctx}/static/css/calendar.min.css" rel="stylesheet" type="text/css" />-->
    <!--<link rel="stylesheet" type="text/css" href="${ctx}/static/css/spectrum.css">-->

</head>
<body>
<div class="admin-header clearfix" style="position:fixed;background: #2B3442;">
    <!-- 颜色选择层 bylu
    <div class="bgSelector"></div>-->
    <div class="admin-logo">
        <img src="${ctx}/static/images/admin-logo.png" />
    </div>
    <div class="admin-header-right">
        <div class="manager">
            <dl>
                <dt class="name">admin</dt>
                <dd class="group">超级管理员</dd>
            </dl>
			<span class="avatar">
				<form id="fileForm" method="post"  enctype="multipart/form-data"  runat="server" >
                    <input name="part" type="file" class="admin-avatar-file" id="_pic" title="设置管理员头像">
                </form>
				<img nctype="admin_avatar" src="${ctx}/static/images/admin.png" />
			</span>
            <i class="arrow" id="admin-manager-btn"></i>
            <div class="manager-menu">
                <div class="title">
                    <h4>最后登录</h4>
                    <a href="privilege.php?act=edit&id=41" target="workspace" class="edit_pwd">修改密码</a>
                </div>
                <div class="login-date">
                    <strong>2017-02-18 16:29:22</strong>
                    <span>(IP:127.0.0.1)</span>
                </div>
                <div class="title mt10">
                    <h4>常用操作</h4>
                    <a href="javascript:;" class="add_nav">添加菜单</a>
                </div>
                <div class="quick_link">
                    <ul>
                    </ul>
                </div>
            </div>
        </div>
        <div class="operate">
            <li style="position: relative;">
                <a href="javascript:void(0);" class="msg" title="查看消息">&nbsp;</a>
                <!-- 消息通知 bylu -->
                <div id="msg_Container">
                    <h3>消息通知</h3>
                    <div class="msg_content"></div>
                </div>
            </li>
            <i></i>
            <li><a href="index.php?act=clear_cache" class="clear" target="workspace" title="清除缓存">&nbsp;</a></li>
            <i></i>
            <li><a href="privilege.php?act=logout" class="prompt" title="安全退出管理中心">&nbsp;</a></li>
        </div>
    </div>
</div>
<style>
    .gn-panel {line-height: 40px;font-size:15px;color:#ffffff;border-bottom: 2px solid #212F3A;margin-bottom:10px;}
    .gn-panel i{padding: 0 10px 0 20px}
    .treeMenu ul{margin:0;padding:0;color:#E1E1E1;font-size:13px;}
    .treeMenu ul>li{border-bottom:1px solid #273038;}
    .treeMenu ul>li>.title>i{padding-left:10px;padding-right:10px;}
    .treeMenu ul>li>.title>span{position: absolute;right:5px;top:8px;}
    .treeMenu ul>li>.title{line-height:35px;margin:2px 8px;position: relative;border-left:2px solid transparent;}
    .treeMenu ul>li.current>.title{background: #212A38;border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-left:2px solid red;}
    .treeMenu ul>li>.title:hover {cursor:pointer;background: #212A38;border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-left:2px solid red;}
    .treeMenu ul>li>.sub-menu{line-height:30px;border:1px solid transparent;}
    .treeMenu ul>li>.sub-menu>div>span{padding-right:10px;}
    .treeMenu ul>li>.sub-menu>div{padding-left:10px;background: #212A38;border-left:2px solid transparent;margin:5px 8px 5px 50px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;cursor: pointer;}

    .treeMenu ul>li>.sub-menu>div.active {
        border-left:2px solid red;
        color:#F07677;
    }
    .treeMenu ul>li>.sub-menu>div:hover{
        border-left:2px solid red;
        color: #ffffff;
    }
    .loading-box{
        position: fixed;
        top:42%;
        left:50%;
        width:40px;
        height:40px;
        z-index: 500;

    }
    .loading {
        position: absolute;
        top:0;
        left:0;
        width:40px;
        height:40px;
        border-top: 0.2em solid rgba(242, 242, 242, 0.8);
        border-right: 0.2em solid rgba(242, 242, 242, 0.8);
        border-bottom: 0.2em solid rgba(242, 242, 242, 0.8);
        border-left: 0.2em solid rgba(255, 0, 0, 1);
        -webkit-animation: loading 1.1s infinite linear;
        animation: loading 1.1s infinite linear;
        border-radius: 50%;
    }
    .loading-box .loading-logo{
        position: absolute;
        top:8px;
        left:5px;
        width:35px;
        height:28px;
    }
    @-webkit-keyframes loading {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @keyframes loading {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
</style>
<div class="treeMenu" style="position:fixed;top:50px; background: #2B3442;width:200px;">
    <div class="gn-panel"><i class="icon icon-desktop"></i> 功能面板</div>
    <ul>
        <li>
            <div class="title"><i class="icon icon-tasks"></i>系统设置 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div target="${ctx}/admin/system/set.jhtml"><span class="icon icon-list"></span> 网站设置</div>
                <div target="${ctx}/admin/system/category.jhtml"><span class="icon icon-list"></span> 栏目管理</div>
                <div><span class="icon icon-list"></span> 单页管理</div>
                <div><span class="icon icon-list"></span> 支付设置</div>
                <div><span class="icon icon-list"></span> 城市分站</div>
                <div><span class="icon icon-plus"></span> 管理员管理</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-comment-alt"></i>文章管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div target="${ctx}/admin/article/list.jhtml"><span class="icon icon-list"></span> 文章列表</div>
                <div target="${ctx}/admin/article/add.jhtml"><span class="icon icon-plus"></span> 添加文章</div>
                <div><span class="icon icon-plus"></span> 数据采集</div>
                <div><span class="icon icon-plus"></span> 新建规则</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon  icon-key"></i>产品管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 产品列表</div>
                <div><span class="icon icon-plus"></span> 添加产品</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon  icon-picture"></i>图片管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 图片列表</div>
                <div><span class="icon icon-plus"></span> 添加图片</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-film"></i>视频管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 视频列表</div>
                <div><span class="icon icon-plus"></span> 添加视频</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-home"></i>下载管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 下载列表</div>
                <div><span class="icon icon-plus"></span> 添加下载</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-home"></i>扩展功能 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 友情链接</div>
                <div><span class="icon icon-plus"></span> 单页管理</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-home"></i>模板管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div><span class="icon icon-list"></span> 模板选择</div>
                <div><span class="icon icon-list"></span> 模板编辑</div>
                <div><span class="icon icon-plus"></span> 标签向导</div>
            </div>
        </li>
        <li>
            <div class="title"><i class="icon icon-home"></i>权限管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div target="${ctx}/admin/user/list.jhtml"><span class="icon icon-user"></span> 用户列表</div>
                <div target="${ctx}/admin/user/list.jhtml"><span class="icon icon-link"></span> 资源列表</div>
                <div target="${ctx}/admin/user/list.jhtml"><span class="icon icon-cog"></span> 权限设置</div>
            </div>
        </li>
        <li><div class="title"><i class="icon icon-home"></i>会话管理</div></li>
        <li>
            <div class="title"><i class="icon icon-home"></i>数据管理 <span class="icon icon-angle-right"></span></div>
            <div class="sub-menu" style="display: none">
                <div>角色管理</div>
                <div>角色管理</div>
            </div>
        </li>
        <li><div class="title"><i class="icon icon-home"></i>日志管理</div></li>
    </ul>
</div>
<div class="mainFrame" style="float:left;margin-left:210px;margin-top:50px">

</div>
<script type="text/javascript" src="${ctx}/static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/jquery.tmpl.js"></script>
<script type="text/javascript" src="${ctx}/static/js/adminIndex.js"></script>
<script type="text/javascript" src="${ctx}/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/jquery.validation.min.js"></script>
<!--<script type="text/javascript" src="${ctx}/static/js/jquery.json.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/transport_jquery.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/utils.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/listtable.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/listtable_pb.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/perfect-scrollbar.min.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/dsc_admin2.0.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/jquery-ui.min.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/calendar.min.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/jquery.bgColorSelector.js"></script>-->
<!--<script type="text/javascript" src="${ctx}/static/js/common.js"></script>-->
<script type="text/javascript" src="${ctx}/static/js/jquery.form.js"></script>
<!--<script type="text/javascript" src="${ctx}/static/js/jquery.nyroModal.js"></script>-->


<script type="text/javascript" src="${ctx}/static/js/jquery.ztree.core.min.js"></script>
<!--&lt;!&ndash;[if lt IE 9]>-->
<!--<script src="${ctx}/static/js/css3-mediaqueries.js"></script>-->
<!--<![endif]&ndash;&gt;-->
<script type="text/javascript">
    window['ctx'] = "${ctx}";
    $.get("http://localhost/cms/user/test",  {ids:[]}, function(res){
        alert(JSON.stringify(res));
    });
</script>
</body>
</html>
